import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    userInfo: {user_name: ''}
  },
  getters: {
  },
  mutations: {
    setUserInfo(state,payload) {
      state.userInfo = payload
    },
    resetUser(state,payload) {
      state.userInfo = payload
    }
  },
  actions: {
  },
  modules: {
  },
  // vuex的插件 ；
  // 用户可能会刷新，保存在浏览器的值就可能被刷新掉，没了，所以需要这个插件对数据进行管理，一旦存储到浏览器，不会因请求错误或用户刷新而导致数据没了
  plugins: [createPersistedState()]
})
